<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="demo.css">
</head>
<body>
    <!-- <label>
        <input type="range" id="one" min="0" max="120" step="1" value="20">
        <output for="one" style="--min: 0;--max: 120"></output>
    </label> -->
    <!-- <label style="--c: #BD1550">
        <input type="range" id="two" min="-50" max="50" step="1" value="0">
        <output class="bottom" for="two" style="--min: -50;--max: 50"></output>
    </label> -->

    <div>
        <img src="./demo.svg">
        <img src="./demo1.svg">
        <img src="./demo2.svg">
    </div>

    <!-- demo-dev2
    <div class="demo-dev2"></div> -->

    demo-dev1
    <div class="demo-dev1-container">
        <div class="demo-dev1"></div>
    </div>

    <div class="demo-dev"></div>
</body>
</html>